<template>
	<view class="main">
		<view style="width: 150rpx;height: 200rpx;" v-for="item in us" key="item">
			<view class="pe">
				<image :src="item.imgeUrl" style="height: 150rpx;" mode="heightFix"></image>
			</view>
			<view class="pd">
				{{item.name}}
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				us:[{
					imgeUrl:'https://foruda.gitee.com/avatar/1672979643096174974/12181985_wodexy_1672979642.png',
					name:'蟹老板'
				},{
					imageUrl:''
				}]
			}
		}
	}
</script>

<style>
	.main{
		height: 100%;
		width: 100%;
		background: linear-gradient(to top,#ffffff,#f3fffb,#f1ffea,#ffffff);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
	.pe{
		height: 150rpx;
		width: 150rpx;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.pd{
		height: 50rpx;
		width: 150rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 800;
	}
</style>